body {
	background-position: 50% 50%;


}


#activacion{height: 95%;
margin-bottom: 0%;

}

#aceptar{
			margin-top: 5%;
			border-style: solid; 
			padding: 0px; 
			border-radius: 30px;
			border-color: black;
			background-color: green; 
			margin-left: 20%;
			width: 25%;
			height: 50%; 
			text-align: center; 
			float: left;
			color: white;
			font-family: verdana;
			font-size: 1em;
			line-height: 300%
			}

#borrar{margin-top: 5%;
		border-style: solid; 
			padding: 0px; 
			border-radius: 30px;
			border-color: black;
			background-color: red; 
			margin-left: 8%;
			width: 25%;
			height: 50%;  
			text-align: center; 
			float: left;
			color: white;
			font-family: verdana;
			font-size: 1em;
		line-height: 300%}

#borrar2{
		margin-left: 0px;
			border-style: solid; 
			padding: 0px; 
			border-radius: 30px;
			border-color: black;
			background-color: red; 
			line-height: 150px;
			width: 250px;
			height: 120px; 
			text-align: center; 
			
			color: white;
			font-family: verdana;
			font-size: 40px;
			min-height: 150px}




#antibioticos {background-color: red;
			} 

#analgesicos {	background-color: orange;
				display: block;}
#boton1 {display: none;
	
		}
#boton2 {display: none;
		}
#boton3 {display: none;
}
#boton4 {display: none;

}
#boton5 {display: none;

}
#boton6 {display: none;

}
#boton7 {display: none;

}

#corticoides {	background-color: #088A85;}

#familias {	border-style: solid;
			padding: 0px; 
			border-radius: 20%;
			border-color: black; 
			height: 10%;
			width: 70%;
			line-height: 0.3em;
			text-align: center; 
			float: left; 
			color: white;
			background-color: gray;
			
			font-size: 2em} 


#inicio{
		margin-left: 20%; 
			border-style: solid; 
			padding: 0px; 
			border-radius: 30px;
			border-color: black;
			background-color: black; 
			line-height: 300%;
			width: 60%;
			height: 8%; 
			text-align: center; 
			float: left; 
			color: white;
			font-family: verdana;
			font-size: 1em;
			margin-top: 5%;
			display: none;}

.info2 {margin-top: 0px;
		line-height: 30px;}



#factiva {display:none}
#info {	margin-top: 8%;	
		border-style: solid; 
			float:left;
			width:100%;
			height:40%;
			overflow: scroll;
		} 


.menu {margin-top: 3%; 
			border-style: solid; 
			padding: 0px; 
			border-radius: 10%;
			border-color: black; 
			width: 100%;
			height: 7%;
			text-align: center; 
			
			float: left; 
			color: white;
			font-family: verdana;
			font-size: 2em;
			}
.menu2 {margin-top: 3%; 
			border-style: solid; 
			padding: 0px; 
			border-radius: 10%;
			border-color: black; 
			width: 100%;
			height: 5.5%;
			text-align: center; 
			
			float: left; 
			color: white;
			font-family: verdana;
			font-size: 2em;
			}


#na {display:none}
#nietos{
			
			
			padding: 0px; 
			border-radius: 30px;
			border-color: black; 
			margin-left: 18%;
			min-height: 5%;
			width:80%;
			
			text-align: center; 
			float: left; 
			color: white;
			
			font-family: verdana;
			font-size: 1em;

		 }



 #num {height: 100px; width: 600px;font-size: 25px; display: none;}
 #num2{height: 100px; width: 600px;font-size: 25px; display: none;}

.menunieto {margin-top: 3%; 
			border-style: solid; 
			padding: 0px; 
			border-radius: 10%;
			border-color: black; 
			width: 100%;
			height: 8.5%;
			text-align: center; 
			
			float: left; 
			color: white;
			font-family: verdana;
			font-size: 2em;
			}


#opciones {
			padding: 0px; 
			width: 100%;
			height: 33%; 
			float: left; 
			font-family: verdana;
			font-size: 0.70em;
			
			
			


		} 



#opciones2 {
			padding: 0px; 
			width: 30%;
			height: 100%; 
			float: left; 
			font-family: verdana;
			margin-left: 10%;
			
			
			padding: 0px;
			
		} 

#pgastricos {	background-color: green;
			} 


#portada { min-height: 10px;}
#principal {margin-top: 5%;
			
			padding: 0px; 
			border-radius: 30px;
			border-color: black; 
		
			min-height: 10%;
			width:80%;
			
			text-align: center; 
			float: left; 
			color: white;
			
			font-family: verdana;
			font-size: 0.5em;
			} 
#programa { display:none; height: 99%; width: 99%;}

#sa {display:none}

#sedantes {	background-color: blue;
			} 
#seismas{	background-color: red;
			} 



#retornos {height: 100%;
width: 100%;
display:block;}



#selecciona {float:left;margin-top: 0px;

	width: 100%;
	height: 15%
	


}

#subfamilias {	 
			
			padding: 0px; 
			border-radius: 30px;
			border-color: black; 
			
			min-height: 5%;
			width:80%;
			min-width: 80%;
			
			text-align: center; 
			float: left; 
			color: white;
			margin-left: 5%;
			font-family: verdana;
			font-size: 1em;} 
#subantib {margin-top: 3.5%;
		
			padding: 0px; 
			border-radius: 30px;
			border-color: black; 
			
			min-height: 5%;
			width:80%;
			min-width: 80%;
			
			text-align: center; 
			float: left; 
			color: white;
			margin-left: 10%;
			font-family: verdana;
			font-size: 1em;
		}

#mascota{float:left;
	height: 50%;
	width: 100%;
	


}












			


			




#posologia, #esecun, #interacciones,
#comentarios { background-color: FABADA;}

 #situaciones { background-color: FABADA;
 				line-height: 5px;}


#peso {height: 20%; font-size: 1em; border-style: solid;
width: 50%;margin-left:10px; margin-top:10%;text-align: center;}

#peso2{display:none;
	font-size: 1em; 
	margin-top: 0px; margin-left:0px;
	text-align: center;
	
	padding: 1px;
	border-radius: 50px;}

#edades {border-style: none; }
#cod {display:none}




input[type=radio] {
    border: 0px;
    width: 1.5em;
    height: 1.5em;

}



#queco {margin-top:10px;
		height: 50%;
		width:95%;
		float:left;
		}

#queco2{margin-top:20%;
		height: 83%;
		width:50%;
		min-width:150px;
		float:left;
		background-image: url("doctor.png");
		background-size: 100%;
		background-repeat: no-repeat} 

#titulo4{margin-top:20%;
		height: 83%;
		width:50%;
		min-width:150px;
		float:left;
		background-image: url("doctor.png");
		background-size: 100%;
		background-repeat: no-repeat} 


#empezar { background-image: url("Portada.png");
			height:47%;
			width: 100%;

			border-style: solid;
			display:block;
			background-size: 100%;
			background-color: grey;
			background-repeat: no-repeat;}






.bubble {
    margin-left: 50%;
    margin-top: 0%;
    padding: 20px;
    max-width: auto;
    position: relative;
    border-style: solid;
    border-radius: 8px 8px 8px 8px;
    font: 24px Helvetica, Georgia, serif;
	height: 30%;
	text-align: center;
    font-size: 1em;
}
.bubble:after {
    content: "";
    position: absolute;
   top: 100%;
   left: 20px;
   border-top: 20px solid blue;
   border-top-color: inherit;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
}
.titulo {

    
    margin-left: 50%;
    margin-top: 0%;
    padding: 20px;
    max-width: auto;
    position: relative;
    border-style: solid;
    border-radius: 8px 8px 8px 8px;
    font: 24px Helvetica, Georgia, serif;
	height: 30%;
	text-align: center;
    font-size: 1em;
}
.titulo:after {
    content: "";
    position: absolute;
   top: 100%;
   left: 20px;
   border-top: 20px solid blue;
   border-top-color: inherit;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
}